<template>
  <div class="warp">
    <div class="item">
      <div class="left">
        <div class="title">查看联系方式</div>
        <div class="num">解锁价￥{{ priceContact }} 分佣率约{{ discount }}%</div>
      </div>
      <div class="right">
        佣金￥<span class="price">{{ priceContactCompute }}</span>
      </div>
    </div>
    <div class="item">
      <div class="left">
        <div class="title">秘书处撮合沟通对接</div>
        <div class="num">解锁价￥{{ pricePeople }} 分佣率约{{ discount }}%</div>
      </div>
      <div class="right">
        佣金￥<span class="price">{{ pricePeopleCompute }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['priceContact', 'priceContactCompute', 'discount', 'pricePeople', 'pricePeopleCompute'],
}
</script>

<style lang="less" scoped>
.warp {
  padding-left: 20px;
  padding-top: 0 !important;
  .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    .left {
      .title {
        font-size: 14px;
        font-weight: bold;
      }
      .num {
      }
    }
    .right {
      color: red;
      .price {
        font-size: 14px;
        font-weight: bold;
      }
    }
  }
}
</style>